<template>
  <div id="first">
         <!-- 头部标签 -->
 <div class="use">
     <van-nav-bar
  title="个人信息"
  left-arrow
  @click-left="onClickLeft"
  
  @click-right="onClickRight"
>
  <template #right>
    <van-icon name="wap-home-o" size="18" />
  </template></van-nav-bar>
 </div>
 <!-- 内容 -->
 <div class="cent">
    
   <ul>
     <li> <p>姓名</p><i>{{data.name}}</i><span ></span></li>
     <li> <p>联系电话</p><i>{{data.phone}}</i><span></span></li>
     <li> <p>性别</p><i>{{data.sex}}</i><span  id='reason'></span></li>
     <li> <p>年薪</p><i>{{data.year_salary}}</i><span  id='time' ></span></li>
      <li> <p>月薪</p><i>{{data.month_salary}}</i></li>
      <li> <p>个人简介</p><i>{{data.remark}}</i></li>
      
   </ul>
 </div>
  </div>
</template>

<script>
import {getUser} from '../request/api'
export default {
data(){
  return{
    inpValue:'',
    id:'',
    value4:'',
    value5:'',
    value6:'',
     data:[]
  }
},
methods: {
    onClickLeft() {
      this.$router.push('/user')
    },
    onClickRight(){
      this.$router.push('/login')
    },
},
created(){
  getUser().then(res=>{
    console.log(res);
    this.data=res.data
  })
}
}

</script>

<style lang='less' >
*{
    font-size: .18rem!important;
}
#first{
 .use{
    background: #003399;
    .van-nav-bar{background:#003399;
font-size: .2rem;
padding:3% 0 0;
.van-nav-bar__title,.van-nav-bar__text{
    color: white;
    font-size: .2rem;
}
.van-icon{
    font-size: .3rem;
    color: white;
}
     }
    
}
.cent{
  background: white;
  margin: 0 0 4% 0 ;
  ul{
      .van-icon{
          vertical-align: center;
      } 
    margin: 0  5%;
     li{
         
    line-height: .45rem;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    p{
        width: 30%;
    }
    i{
          width: 65%;
          text-align: right;
          color:#c7c7c7
    }
    input{
      border: none;
    }
  }
  }
 
} 
}

</style>
